////////////////////////////////////////////////////////////////////////////
//
// Copyright 2018 Realm Inc.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//
////////////////////////////////////////////////////////////////////////////

// Realm theme colors
$melon: #fcc397;
$peach: #fc9f95;
$sexy-salmon: #f77c88;
$flamingo: #f25192;
$mulberry: #d34ca3;
$grape-jelly: #9a50a5;
$indigo: #59569e;
$ultramarine: #39477f;
$charcoal: #1c233f;
$elephant: #9a9ba5;
$dove: #ebebf2;

// The default bootstrap colors will be merged into this map
$colors: (
  "melon": $melon,
  "peach": $peach,
  "sexy-salmon": $sexy-salmon,
  "flamingo": $flamingo,
  "mulberry": $mulberry,
  "grape-jelly": $grape-jelly,
  "indigo": $indigo,
  "ultramarine": $ultramarine,
  "charcoal": $charcoal,
  "elephant": $elephant,
  "dove": $dove,
);

// Override bootstrap colors
$primary: $ultramarine;
$secondary: mix($dove, $elephant, 90%);
$danger: $sexy-salmon;
$info: $ultramarine;

$input-placeholder-color: rgba($elephant, .6);

$window-background: mix(#fff, $dove, 50%);
$overlay-background: rgba($charcoal, .6);

$body-bg: $window-background;

// Increasig the yiq threshold to get a light text on a $secondary background
$yiq-contrasted-threshold: 165;

// When an element uses box-shadow to show that its raised above another element, use this color for the box-shadow
$raised-shadow-color: rgba(0, 0, 0, .1);
